import vue from 'vue'
import App from 'App.vue'
<!-- 以后项目的跟组件 -->
<!--1.0 template主要放html元素(html的页面结构)-->
<template>
    <div>
        <span v-text="msg" class="red"></span>
    </div>
</template>
<script>
new Vue({
    el: '#app', 
    render:c=>c(App)
})
//负责导出.vue这个组件对象(它本质上是一个Vue对象,Vue中该定义的元素都可以使用)
export default {
    data:function(){
        return {
            msg:'hello msg'
        }
    },
    methods:{

    },
    created(){

    }
}
</script>
<style scoped>
/* scoped表示这个里面的代码只在当前组件页面有效,不会影响其他页面 */
.red{
    color:red;
}
</style>
